<template>
	<div>
		<h1>App...</h1>
		<!-- 
			父 -> 子  props
			子 -> 父  自定义事件

			父 -> 子
			子 -> 父 v-bind.sync
				:xxx.sync="xxx"
				给子组件传递一个props数据，数据名：xxx
				给子组件绑定一个自定义事件, 事件名：update:xxx
					触发事件传递的第一个参数，就会改变xxx的值
		-->
		<!-- <Child :num="num" @setNum="num++" /> -->
		<Child :num.sync="num" />
	</div>
</template>

<script>
import Child from "./Child.vue";

export default {
	name: "App",
	data() {
		return {
			num: 0,
		};
	},
	components: {
		Child,
	},
};
</script>

<style></style>
